{% extends "base.html" %}

<!-- ======================================================================= -->
<!-- page specific head (scripts, CSS, etc.) ================================--> 
<!-- ======================================================================= -->
{% block BaseHead %}

<!-- ======================================================================= -->
<!-- force creation of GeoWiki name space and some useful names =============-->
<!-- ======================================================================= -->
<script type="text/javascript">
    GW.lat = {% if lat %} {{lat}} {% else %} 36.14 {% endif %};                  // default map lat/lon/zoom
    GW.lon = {% if lon %} {{lon}} {% else %} -83.23 {% endif %};
    GW.zoom = {% if zoom %} {{zoom}} {% else %} 5 {% endif %};
    GW.view = {% if view %} '{{view}}' {% else %} 'map' {% endif %};
    GW.page = {% if page %} '{{page}}' {% else %} '' {% endif %};
    GW.pages = {};                                                              // currently available pages
    GW.features = {};                                                           // currently available features
</script>

<!-- ======================================================================= -->
<!-- Google maps ============================================================-->
<!-- ======================================================================= -->
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAB1HE6c8mtUP2cfxsSezyExTLg_i57PFZfojJFM1YCHtnknrpaxQ3Npzhv2-Mx3iB7iHQIuBmtt7Wiw"></script>

<!-- ======================================================================= -->
<!-- common JS ==============================================================-->
<!-- ======================================================================= -->
<script type="text/javascript" src="/static/js/mvl.js" > </script>

<!-- ======================================================================= -->
<!-- page specific head (scripts, CSS, etc. =================================--> 
<!-- ======================================================================= -->
{% endblock %}

{% block BaseBody %}

<!-- ======================================================================= -->
<!-- Feature Page Display Panel ============================================ -->
<!-- ======================================================================= -->
<div id="idFeaturePageDisplayPanel" style="visibility:hidden" >
    <div id="idFeaturePageDisplayPanelHD" class="hd">
        <a class="pdpMenu" href="#" onClick="GW.displayFeaturePage.showContent(); return false;">Content</a>&nbsp;&nbsp;
        <a class="pdpMenu" href="#" onClick="GW.displayFeaturePage.showProperties(); return false;">Properties</a>&nbsp;&nbsp;
        <a class="pdpMenu" href="#" onClick="GW.displayFeaturePage.page(); return false;">Page</a>&nbsp;&nbsp;
        <a class="pdpMenu" href="#" onClick="GW.displayFeaturePage.hide(); return false;">Exit</a>&nbsp;&nbsp;
    </div>
    <div id="idFeaturePageDisplayPanelBD" class="bd" style="overflow: auto;" ><!-- content goes here --> </div>
</div>

<!-- ======================================================================= -->
<!-- New Page Dialog ======================================================= -->
<!-- ======================================================================= -->
<div id="idNewPageDialog" style="visibility:hidden" >
    <div class="hd">Please enter new page information</div>
    <div class="bd">
        <form id="idNewPageForm" method="post" enctype="multipart/form-data" action="/gw/json/markers" name="Form1">
            <div class="clear"></div>
            <label for="wikiTitle" class="fieldLabel" >GeoWiki page title, ex. My_Page.Something:<br /><b>Name must be unique and be a legal URI.</b>.</label>
            <input class="fieldInput" type="text" name="wikiTitle" value="" size="20" />
        </form>
    </div>
</div>

<!-- =================================================================== -->
<!-- View divs ========================================================= -->
<!-- =================================================================== -->
<div id="idMapDiv" class="fullscreen" style="display: none;" ><!-- map goes here --></div>
<div id="idPageDiv" class="fullscreen" style="display: none;" >
    <div id="idPageLeft" style="float:left; overflow: auto; height: 100%;">
        <div id="idPageContent" style="margin-left: 0.5em; margin-right: 0.5em;" > 
            <h1>Page goes here</h1>
        </div>
    </div>
    <div id="idPageMap" style="float: left; width: 49%; height: 100px; background-color: lightblue;" >
        <!-- map goes here -->
    </div>
</div>
<div id="idListDiv" class="fullscreen" style="display: none;" ><!-- list here --><h1>List goes here</h1></div>

{% endblock %}

